<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js常见方法</title>
</head>
<body>
    

    <script>
        // 1.
        //方法用于显示带有指定消息和一个OK按钮的 警告框。
        alert('helloWord');

        // 2.
        //弹出一个确定/取消的 对话框
        confirm('你确定吗？');

        var r = document.querySelector('你确定吗？');
        console.log('r:', r);

        // 3.
        //用于显示可提示用户进行输入的 对话框
        // prompt()

        var re = prompt('请输入你的年龄');
        console.log('re:', re);
        console.log('类型:', typeof(re));

        if(re < 18){
            alert('小朋友你好');
            console.log('小朋友你好');
        }else{
            alert('恭喜你成年了');
            console.log('恭喜你成年了');
        }

        var salary = prompt('请输入一个月的工资');
        var num = prompt('公司一年发多少个月的工资');

        var sum = salary * num;
        console.log('sum:', sum);

        // 4.
        //输出到页面
        document.write('好好学习，天天向上<br/>');
        document.write('good good study, day day up');


        


    </script>
</body>
</html>